*{
						margin: 0rem;
						padding: 0rem;
					}
					.fl{
						float: left;
					}
					.fr{
						float: right;
					}
					.clearfix{
						content:"";
						display: block;
						clear: both;
					}
					.nav{
						background:rgb(34,179,255) ;
						width: 100%;
						padding: 0.366666rem 0rem;	
					}
					.nav-top  {
						
						padding-bottom: .3rem;
						text-align: center;
						width: 93%;
						margin:0 auto ;
					
					}
					input{
						outline: none;
						border: none;
						width: 100%;
						font-size: 14px;
						height:0.853333rem;
						line-height:0.853333rem;
						text-align: center;
						border: 1px solid rgb(84,199,253);
						border-radius: 0.8rem;
						background: rgb(101,205,255) url(../../hhyicon/1.png) no-repeat 20% center;
						background-size: 6%;
						
					}
					::-webkit-input-placeholder{
						color: white;
					}
					.nav-second{
						height: 1.5rem;
						line-height: 1.5rem;
						
						color: white;
					}
					.icon{
						width: 14.285%;	
						font-size: 12px;
						padding-top: .33rem;
						text-align: center;
						box-sizing: border-box;
					}
					.a1{
						background: url(../../hhyicon/www.png) no-repeat center 0.266666rem;
						background-size: 40%;
					}
					.a2{
						background: url(../../hhyicon/雷达侧边栏-设计.png) no-repeat center 0.266666rem;
						background-size: 40%;
					}
					.a3{
						background: url(../../hhyicon/电商.png) no-repeat center 0.266666rem;
						background-size: 40%;
					}
					.a4{
						background: url(../../hhyicon/职业.png) no-repeat center 0.266666rem;
						background-size: 40%;
					}
					.a5{
						background: url(../../hhyicon/升学互动.png) no-repeat center 0.266666rem;
						background-size: 40%;
					}
					.a6{
						background: url(../../hhyicon/兴趣.png) no-repeat center 0.266666rem;
						background-size: 40%;
					}
					.a7{
						background: url(../../hhyicon/飞机.png) no-repeat center 0.266666rem;
						background-size: 40%;
					}
					.secondc img{
						width:100%;
					}
					.thirdceng{
						border-bottom: .5px solid #ddd;
					}
					.thirdc{
						width:95%;
						height: 1.566666rem;
						margin: 0.266666rem auto;
						
					}
					.zuo{
						width: 30%;
					   height: 1.566666rem;
						line-height: 2.0rem;
						
						text-align: center;
						font-size: 12px;
					}
					.g1{
						background: url(../../hhyicon/互联网.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.zuo a{
						color: #777777;
					}
					 .youc a{
						text-decoration: none;
						color: #000000;
						
					}
					.you{
						width: 70%;
					/* 	position: relative; */
						
					}
					.b1{
						color: black;
						padding: 0px 0.3rem 0.32rem;
						font-size: 14px;
						
						
					}
					
					.c2{
						background:url(../../hhyicon/车巴巴-下拉框箭头1.png) no-repeat 1.1rem .1rem;
						background-size: 15%;
					}
					.c4{
						padding-bottom: 1rem;
					}
					.g2{
						background: url(../../hhyicon/编程，窗口.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g3{
						background: url(../../hhyicon/电脑.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g4{
						background: url(../../hhyicon/复制.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g5{
						background: url(../../hhyicon/网络课程.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g6{
						background: url(../../hhyicon/马群.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g7{
						background: url(../../hhyicon/8_11软件测试.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g8{
						background: url(../../hhyicon/云.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g9{
						background: url(../../hhyicon/研发.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g10{
						background: url(../../hhyicon/认证.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g11{
						background: url(../../hhyicon/设计.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g12{
						background: url(../../hhyicon/设计管理.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g13{
						background: url(../../hhyicon/环境01.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g14{
						background: url(../../hhyicon/画画.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g15{
						background: url(../../hhyicon/工业的-94.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g16{
						background: url(../../hhyicon/UI设计.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g17{
						background: url(../../hhyicon/游戏.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g18{
						background: url(../../hhyicon/7_8影视传媒.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g19{
						background: url(../../hhyicon/服装-马甲.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g20{
						background: url(../../hhyicon/其他.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g21{
						background: url(../../hhyicon/购物车空.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g22{
						background: url(../../hhyicon/跨境电商.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g23{
						background: url(../../hhyicon/求职人员.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g24{
						background: url(../../hhyicon/法庭.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g25{
						background: url(../../hhyicon/钱币.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g26{
						background: url(../../hhyicon/医疗.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g27{
						background: url(../../hhyicon/建筑.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g28{
						background: url(../../hhyicon/星星.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g29{
						background: url(../../hhyicon/考研.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g30{
						background: url(../../hhyicon/大学.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g31{
						background: url(../../hhyicon/实验室.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g32{
						background: url(../../hhyicon/实验，化学.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g33{
						background: url(../../hhyicon/幼儿园管理.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g34{
						background: url(../../hhyicon/母婴.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g35{
						background: url(../../hhyicon/音乐-乐器-music-instrume.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g36{
						background: url(../../hhyicon/绘画.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g37{
						background: url(../../hhyicon/咖啡.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g38{
						background: url(../../hhyicon/篮球.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g39{
						background: url(../../hhyicon/我的元宝.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g40{
						background: url(../../hhyicon/英语.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g41{
						background: url(../../hhyicon/出国.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g42{
						background: url(../../hhyicon/dc-icon-现行政策条款.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g43{
						background: url(../../hhyicon/樱花.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g44{
						background: url(../../hhyicon/韩元_朝鲜元的货币符号jrit.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g45{
						background: url(../../hhyicon/多语言.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g46{
						background: url(../../hhyicon/绘画.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g47{
						background: url(../../hhyicon/咖啡.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g48{
						background: url(../../hhyicon/篮球.png) no-repeat center 0rem;
						background-size: 20%;
					}
					.g49{
						background: url(../../hhyicon/我的元宝.png) no-repeat center 0rem;
						background-size: 20%;
					}
					
					.f2{
						height: .4rem;
						width: 0.013333rem;
						background: #ddd;
						text-align: center;
					}
			.tiaotiao{
				height: 8px;
				line-height: 8px;
				background: rgb(35,185,255);
				text-align: center;	
				position: relative;
				box-sizing: border-box;
			}
			.tiaotiao1{
			width: 30px;
			height:3px ;
			position: absolute;
			left: 3%;
			top: 30%;
			background: #FFFFFF;
			margin-bottom: 2px;
			border-radius: 10px;	
			}
			.tiaotiao2{
				width: 30px;
			    height:3px ;
				position: absolute;
				left: 18%;
				top: 30%;
				background: #FFFFFF;
				margin-bottom: 2px;
				border-radius: 10px;
			}
			.tiaotiao3{
				width: 30px;
			    height:3px ;
				position: absolute;
				left: 32%;
				top: 30%;
				background: #FFFFFF;
				margin-bottom: 2px;
				border-radius: 10px;
			}
			.tiaotiao4{
				width: 30px;
			    height:3px ;
				position: absolute;
				left: 46%;
				top: 30%;
				background: #FFFFFF;
				margin-bottom: 2px;
				border-radius: 10px;
			}
			.tiaotiao5{
				width: 30px;
			    height:3px ;
				position: absolute;
				left: 61%;
				top: 30%;
				background: #FFFFFF;
				margin-bottom: 2px;
				border-radius: 10px;
			}
			.tiaotiao6{
				width: 30px;
			    height:3px ;
				position: absolute;
				left: 75%;
				top: 30%;
				background: #FFFFFF;
				margin-bottom: 2px;
				border-radius: 10px;
			}
			.tiaotiao7{
				width: 30px;
			    height:3px ;
				position: absolute;
				left: 89%;
				top: 30%;
				background: #FFFFFF;
				margin-bottom: 2px;
				border-radius: 10px;
			}
					.caa,cbb{
						padding-right: 2rem;
					}
					.active{
						display: block;
					}
					.cnt{
						display:none;
					}
					
					
					
					
					
					body{
						padding-bottom:1.5rem;
						/* font-size: 16px !important; */
					}
					
					.bnav{
						width:100%;
						height:1.5rem;
						border-top:1px solid #ccc;
						position:fixed;
						left:0px;
						bottom:0px;
						background:white;
					}
					.bnav>div{
						float:left;
						width:25%;
						text-align:center;
						padding-top:.8rem;
						background:url(images/hhyimages/index.png) no-repeat center .2rem;
					background-size:25%;
					}
					.bnav a{
						color:#666;
					}
					.bnav>div:nth-of-type(1){
						background-image:url(../../images/hhyimages/index_.png);
					background-size:25%;
					}
					.bnav>div.active:nth-of-type(1){
						background-image:url(../../images/hhyimages/index.png);
					background-size:25%;
					}
					.bnav>div:nth-of-type(2){
						background-image:url(../../images/hhyimages/class_.png);
					background-size:25%;
					}
					.bnav>div.active:nth-of-type(2){
						background-image:url(../../images/hhyimages/class.png);
					background-size:25%;
					}
					.bnav>div:nth-of-type(3){
						background-image:url(../../images/hhyimages/course_.png);
					background-size:25%;
					}
					.bnav>div.active:nth-of-type(3){
						background-image:url(../../images/hhyimages/course.png);
					background-size:25%;
					}
					.bnav>div:nth-of-type(4){
						background-image:url(../../images/hhyimages/my_.png);
					background-size:25%;   
					
					}
					.bnav>div.active:nth-of-type(4){
						background-image:url(../../images/hhyimages/my.png);
					background-size:25%;
					}
					